<template name="messages_chatroom">
  {{> messages_chatroom_header
    friendUsername=friendUsername
    friendDisplay=friendDisplay
    friendAvatar=friendAvatar
  }}
  <div class="modal-message-body">
    <div class="modal-body d-block p-0" id="messages-chatroom-ps">
      <div class="chat-content" id="messages-chat-content">
        {{#if loading}}
          {{> loader_ball_beat}}
          <div class="mt-3"></div>
        {{/if}}
        {{#each result in results}}
          {{> messages_chatroom_list_item 
            index=@index
            result=result
            friendUsername=friendUsername
            friendAvatar=friendAvatar
          }}
        {{/each}}
      </div>
    </div>
    {{> messages_chatroom_input}}
    {{> messages_notice}}
    <!-- ball_clip_rotate -->
  </div>
</template>